<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
<!--    导入主体样式文件-->
    <link rel="stylesheet" href="./index.css">
<!--    导入字体样式图标-->
    <link rel="stylesheet" href="./font_4469806_47l3h58yy1f/iconfont.css">
</head>
<body>
    <div class="shell">
        <div class="container a-container" id="a-container">
            <form method="post" class="form" id="a-form">
                <h2 class="form_title title">创建账号</h2>
                <div class="form_icons">
                    <i class="iconfont icon-QQ"></i>
                    <i class="iconfont icon-weixin"></i>
                    <i class="iconfont icon-bilibili-line"></i>
                </div>
                <span class="form_span">选择注册方式激活邮箱</span>
                <input type="text" class="form_input" placeholder="Name">
                <input type="text" class="form_input" placeholder="Email">
                <input type="text" class="form_input" placeholder="PassWord">
                <button class="form_button button submit">SIGN UP</button>
            </form>
        </div>

        <div class="container b-container" id="b-container">
            <form action="" method="post" class="form" id="b-form">
                <h2 class="form_title title">登入账号</h2>
                <div class="form_icons">
                    <i class="iconfont icon-QQ"></i>
                    <i class="iconfont icon-weixin"></i>
                    <i class="iconfont icon-bilibili-line"></i>
                </div>
                <span class="form_span">选择登录方式或邮箱登录</span>
                <input type="text" class="form_input" placeholder="Email">
                <input type="text" class="form_input" placeholder="PassWord">
                <a class="form_link">忘记密码</a>
                <button class="form_button button submit">SIGN IN</button>
            </form>
        </div>

        <div class="switch" id="switch-cnt">
            <div class="switch_circle"></div>
            <div class="switch_circle switch_circle-t"></div>
            <div class="switch_container" id="switch-c1">
                <h2 class="switch_title title" style="letter-spacing: 0;">Welcome Back</h2>
                <p class="switch_description description">已经有帐号了吗，去登入账号来进入奇妙世界吧！！！</p>
                <button class="switch_button button switch-btn">SING IN</button>
            </div>

            <div class="switch_container is-hidden" id="switch-c2">
                <h2 class="switch_title title" style="letter-spacing: 0;">Hello Friend ! </h2>
                <p class="switch_description description">去注册一个账号，成为尊贵的粉丝会员，让我们踏入奇妙的旅程！！！</p>
                <button class="switch_button button switch-btn">SING IN</button>
            </div>
        </div>

    </div>
</body>
<!--    导入主体js库-->
<script src="index.js"></script>
</html>